<template>
    <div class="border">
        <p>视频id： {{ video.id }}</p>
        <p>视频名字： {{ video.title }}</p>
        <p>视频来源： {{ video.source }}</p>
        <p>说明： {{ video.description }}</p>
    </div>
</template>
<script>
    export default{
        name:"video",
        data(){
            return{
                video:{}
                
            }
        },
        watch:{
            $route(){

            
            const videos=[
                
            {id:1,title:'齐木楠雄的灾难',source:"bilibili", description:'超能同学经在我身边'},
                    {id:2,title:'干物妹小埋',source:"Tencent", description:'来五毛钱的wifi'},
                    {id:3,title:'一面之词', source:"Tencent",description:'关于面条的纪录片'},
                    {id:4,title:'流浪地球',source:"bilibili", description:'拯救地球之战'},
                    {id:5,title:'宝可梦：皮卡丘和卡卡的毛线', source:"Google",description:'就决定是你了'},
                
            ]
            this.video=videos.find((item) => item.id == this.$route.params.id)
        }
    }
}
</script>
